@CHARSET "UTF-8";

/*
 * nJDesktop Virtual Desktop main stylesheet
 * Copyright (C) 2012 Nagy Ervin
 * 
 * This program is free software: you can redistribute it and/or modify
 * it under the terms of the GNU General Public License as published by    
 * the Free Software Foundation, either version 3 of the License, or    
 * (at your option) any later version.
 * 
 * This program is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU General Public License for more details.
 * 
 * You should have received a copy of the GNU General Public License
 * along with this program.  If not, see <http://www.gnu.org/licenses/>.
 * 
 * -----------------------------------------------------------------------
 * Nagy Ervin
 * nagyervin.bws@gmail.com
 * 
 * License: GPL v.3, see COPYING
 * 
 * If you wish to fork this, please let me know: nagyervin.bws@gmail.com.
 * 
 * Please leave this header intact
 * 
 * -----------------------------------------------------------------------
 * Insert your name below, if you have modified this project. If you wish 
 * that change become part of this project (aka i will endorse it), please 
 * send it to me.
 * 
 * I must remind you, that your changes will be subject to the GPL v.3.
 * 
 */

html{width:100%; height:100%; overflow:hidden;}

body{margin:0; padding:0; width:100%; height:100%; position:relative; background-color: #3A6EA5; font-family:Verdana, helvetica, sans-serif; font-size:14px;}

#wrapper{width:100%; height:100%; position:absolute; left:0;top:0; bottom:0; right:0}

#nJDSKBG{width:100%; height:100%;}

#topmenu{background-color:rgba(255, 255, 255, 0.9); position:absolute; top:0; left:0; width:100%; z-index:#999999999; box-shadow:0 0 5px #000000}

#widgets{background-color:rgba(0, 0, 0, 0.7); position:absolute; right:0; z-index:#999999999;  box-shadow:0 0 5px #000000}

#desktop{position:absolute;left:0; z-index: 1;}

#taskbar{background-color:#eeeedd; position:absolute;left:0; bottom:0; width:100%; background-color:rgba(0,0,0,0.5); color:#CCC; z-index: 9999999;  box-shadow:0 0 5px #000000}

#desktop_iconarea{width:100%; height:100%; position:absolute; z-index:2;}

      #showdesktop{
        background-image:url(../images/showdesktop.png);
        background-repeat:no-repeat; 
        background-position:center center;
        border-radius: 2px;
        color:#fff;
        border:1px solid transparent;
        height:26px;
        width:26px;
        margin:1px;
        color:#fff;
        font-weight:normal;
        float:left;
        text-decoration:none;
        outline:none;
        text-indent:-999999px;
      }
      
      #showdesktop:hover{
      	background-color: rgba(255, 255, 255, 0.3);
      	border-color: rgba(255, 255, 255, 0.6);
      }

      #mainmenu{
        width:300px;
        height:400px;
        background-image: url(../images/menubg.png);
        border:1px solid #333;
        top:-402px;
        position:absolute;
        left:0px;
        display: none;
        -moz-border-radius: 10px 10px 0 0;
        -webkit-border-radius: 10px 10px 0 0;
        border-radius: 10px 10px 0 0;
        box-shadow: 2px 2px 5px #000;
        -webkit-box-shadow: 2px 2px 5px #000;
        -moz-box-shadow: 2px 2px 5px #000;
      }

      #mm_title{
        height: 60px;
        font-size: 32px;
        padding-left: 20px;
      }

      #mm_main{
        border:1px solid #333;
        background-color:#f0f0f0;
        width: 220px;
        margin-left: 5px;
        height: 300px;
        overflow:auto;
      }

      #mm_main ul.mainadminmenu{
        margin:3px;
        padding:0px;
        list-style:none;
      }

      #mm_main ul.mainadminmenu li{
        margin:0px;
        padding:0px;
        list-style:none;
      }

      #mm_main ul ul{
        margin: 0px;
        padding-left:20px;
        display:none;
      }

      #mm_main li{
        display:block;
      }

      #mm_main li a{
        display:block;
        font-size:11px;
        line-height: 1.5em;
        height: 1.5em;
        color:#333;
        text-decoration:none;
        border:1px solid transparent;
        padding-left: 20px;
        -moz-border-radius: 2px;
        -webkit-border-radius: 2px;
        border-radius: 2px;
      }

      #mm_main li a:hover{
        border:1px solid #89B8FF;
        background-image:url(../images/mnitembg.png);
        background-position: left center;
      }

      .separator{
        height:26px;
        width: 5px;
        margin-left:5px;
        margin-top:2px;
        border-left:1px solid #ccc;
        float:left;
      }

      .taskbarbuttons{
        float:left;
        height:30px;
        max-width: 85%;
        min-width:85%;
        overflow-y:auto;
      }

      .icon{
        width:96px;
        padding: 5px;
        max-height:128px;
        margin:15px;
        float:left;
        text-decoration: none;
        border:2px solid transparent;
        -moz-border-radius:5px;
        -webkit-border-radius:5px;
        border-radius:5px;
        position:absolute;
        z-index:1;
}

	  .icon span{cursor: default;}

      .icon:hover, .activeIcon{
        border:2px solid #fff;
        background-color: transparent;;
        background-image:-moz-linear-gradient(rgba(255,255,255,0.2) 0,rgba(255,255,255,0.8) 30px,rgba(255,255,255,0.6) 100%);
        background-image:-webkit-linear-gradient(rgba(255,255,255,0.2) 0,rgba(255,255,255,0.8) 30px,rgba(255,255,255,0.6) 100%);
        background-image:-o-linear-gradient(rgba(255,255,255,0.2) 0,rgba(255,255,255,0.8) 30px,rgba(255,255,255,0.6) 100%);
        background-image:linear-gradient(rgba(255,255,255,0.2) 0,rgba(255,255,255,0.8) 30px,rgba(255,255,255,0.6) 100%);

      }

      .icon img{
        max-width:64px;
        max-height:64px;
        margin-left:auto;
        margin-right:auto;
        display:block;
        clear:both;
        border:0px;
      }

      .icon span{
        display:block;
        color:#fff;
        text-decoration:none;
        text-align:center;
        margin-top: 1em;
        text-shadow: 2px 2px 3px #000;
      }
      
      .icon:hover span, .icon.activeIcon span{color:#333; text-shadow: 2px 2px 3px rgba(64,64,64,0.5)}
      
      .transitioner{
      	
      }

      .window{
        background-color:transparent;
        background-image:url('../images/winbg.png');
        background-image:-moz-linear-gradient(rgba(255,255,255,0.2) 0,rgba(255,255,255,0.8) 30px,rgba(255,255,255,0.6) 100%);
        background-image:-webkit-linear-gradient(rgba(255,255,255,0.2) 0,rgba(255,255,255,0.8) 30px,rgba(255,255,255,0.6) 100%);
        background-image:-o-linear-gradient(rgba(255,255,255,0.2) 0,rgba(255,255,255,0.8) 30px,rgba(255,255,255,0.6) 100%);
        background-image:linear-gradient(rgba(255,255,255,0.2) 0,rgba(255,255,255,0.8) 30px,rgba(255,255,255,0.6) 100%);
		border:0px transparent #000;
        padding:5px;
        display:none;
        min-width: 175px;
        min-height:100px;
        left:10px;
        top:10px;
        -moz-box-shadow: 0px 0px 5px #000;
        -webkit-box-shadow: 0px 0px 5px #000;
        box-shadow: 0px 0px 5px #000;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        border-radius: 3px;
      }

      .titlebar{
         height: 25px;
         line-height:25px;
         background-color:transparent;
         color:#000;
         text-shadow: 0px 0px 3px #fff;
		 cursor:move !important;
      }

      .titlebuttons{
        height:23px;
        line-height:23px;
        min-width: 23px;
        position: absolute;
        right:8px;
        top:0px;
      }

      .minimizebtn, .maximizebtn, .closebtn{
        font-weight:bold;
        display:block;
        float:left;
        color:#fff;
        height: 18px;
        line-height:18px;
        font-size:12px;
        text-decoration:none;
        background-color:#0099CC;
        color:#fff;
        font-weight:normal;
        margin:0px;
        text-align:center;
        width:21px;
        border:1px solid #fff;
        -moz-box-shadow:0px 0px 1px #000;
        -webkit-box-shadow:0px 0px 1px #000;
        box-shadow:0px 0px 1px #000;
        background-image:url(../images/titlebtn.png);
        background-image:url(../images/titlebar-icons.png);
        text-indent:-9999999px;
      }
      
      a img{border:0}
      
      .minimizebtn{background-position: top left}
      .maximizebtn{background-position: -21px top }
      .closebtn{background-position: top right}
      .minimizebtn:hover{background-position: bottom left}
      .maximizebtn:hover{background-position: -21px bottom }
      .closebtn:hover{background-position: bottom right}

      .minimizebtn:hover, .maximizebtn:hover, .closebtn:hover{
        -moz-box-shadow: 0 0 7px #0099ff;
        -webkit-box-shadow: 0 0 7px #0099ff;
        box-shadow: 0 0 7px #0099ff;
      }

      .closebtn{
        background-color:#ff0000;
        color:#fff;
        width: 35px;
        -moz-border-radius: 0 0 5px 0;
        -webkit-border-radius: 0 0 5px 0;
        border-radius: 0 0 5px 0;
      }

      .closebtn:hover{
      	background-color:#ff2900;
        -moz-box-shadow: 0 0 5px #ff0000;
        -webkit-box-shadow: 0 0 5px #ff0000;
        box-shadow: 0 0 5px #ff0000;
      }

      .minimizebtn{
        -moz-border-radius: 0 0 0 5px;
        -webkit-border-radius: 0 0 0 5px;
        border-radius: 0 0 0 5px;
      }



      .taskbarbutton{
        line-height:26px;
        height:26px;
        padding-left:10px;
        padding-right:10px;
        margin:1px;
        font-size:12px;
        display:block;
        float:left;
        cursor:pointer;
        border-color:rgba(255,255,255,0.2);
        border-width: 1px;
        border-style: solid;
        -moz-border-radius:3px;
        -webkit-border-radius:3px;
        -khtml-border-radius:3px;
        border-radius:3px;
      }

      .taskbarbutton:hover{
        background-color:rgba(255,255,255,0.3);
      }

      .activetsk{
        background-color:#ccc;
        color:#000;
        background-color:rgba(255,255,255,0.5);
        border-color:#666;
        border-color:rgba(255,255,255,0.6);
      }

      .ui-icon-gripsmall-diagonal-se{
        width: 15px;
        height:15px;
        background-color:transparent;
        position:absolute;
        right:0px;
        bottom:0px;
        cursor: se-resize;
        background-image:url(../images/resizegrip.png);
      }
      
      .ui-resizable-e{
      	top:0; right:0; width:5px; height:100%; position:absolute; cursor: e-resize;
      }

	  .ui-resizable-s{
      	bottom:0; left:0; height:5px; width:100%; position:absolute; cursor: s-resize;
      }

      .contentarea{
         border-left:1px solid #666;
         border-top:1px solid #666;
         border-right:1px solid #999;
         border-bottom:1px solid #999;
		 background-color:#fff;
         overflow:auto;
		 position:relative;
		 border-radius:2px;
      }
      
      .fullGlass{
      	border:1px solid 999999;
      	background-color:transparent !important;
      }
      
      .fullGlass h1,
      .fullGlass h2,
      .fullGlass h3,
      .fullGlass h4,
      .fullGlass h5,
      .fullGlass h6,
      .fullGlass p,
      .fullGlass li,
      .fullGlass span,
      .fullGlass a{
      	text-shadow: 0 0 3px rgba(255,255,255,1);
      }
      

      .toolbar{
      	padding:3px 0 3px 0;
		background-color:transparent;
      }
      

      .statusbar{
        position:absolute;
        left:0px;
        bottom:0px;
        height:25px;
        background-color:transparent;
        width:100%;
        font-size:11px;
        padding: 5px 0 5px 0;
        z-index:-1;
      }

	  .contentarea h1{
		color:#0066cc;
		font-size:16px;
		font-weight:normal;
	  }

	  .dialog{
			background-color:#F0F0F0;
	  }

	  .dialog p,
	  .dialog h1,
	  .dialog div
	  {
			text-align:center;
			margin-left:20px;
			margin-right:20px;
	  }


	  .list_items{
	  margin-top:25px;
	  }

	  .list_header
	  {
			background-color:#E4F8FF;
			color:#204F5B;
			height:25px;
			border-bottom:1px solid #A6D2EA;
			overflow:hidden;
			position:absolute;
			width:100%;

	  }
	  .list_header div{
		background-color:#E4F8FF;
		height:25px;
		padding-left:10px;
		padding-right:10px;
		border-right:1px solid #A6D2EA;
		line-height:25px;
		font-size:12px;
  		display:inline-block;
		text-align: center;
		float:left;
	  }

	  .list_item{
			background-color:#fff;
			color:#121212;
			height:25px;
			border-bottom:1px solid #cccccc;
			overflow:hidden;
			cursor:pointer
	  }
	  
	  .list_item img{
	  	margin:3px;
	  	vertical-align:middle;
	  }

	  .selected
	  {
			/*background-color: #0066cc;*/
			background-image: -moz-linear-gradient(rgba(200,230,255,125),rgba(160,210,255,125));
			background-image: -webkit-linear-gradient(rgba(200,230,255,125),rgba(160,210,255,125));
			background-image: -o-linear-gradient(rgba(200,230,255,125),rgba(160,210,255,125));
			background-image: linear-gradient(rgba(200,230,255,125),rgba(160,210,255,125));
			color:#000;
	  }

	  .list_item div{
		height:25px;
		padding-left:10px;
		padding-right:10px;
		border-right:1px solid #fff;
		line-height:25px;
		font-size:12px;
  		display:inline-block;
		text-align: center;
		float:left;
	  }

	  .id_item{
			width:50px;
			text-align:right;
	  }

	  .name_item
	  {
			width: 300px;
			text-align:left !important;
	  }

	  .date_item
	  {
			width: 100px;
	  }

	  .feat_item
	  {
		width:80px;
	  }

	  .state_item{
		width:100px;
	  }
	  
	  .param_page{
	  	display:none;
	  }
	  
	  .generic{
	  	display:block;
	  }

	  .page_row{
		padding: 5px 0 5px 0;
	  }

	  .page_row label{
	  }

	  .fullheight{
		height:100%;
		border:0;
		padding:0;
		margin:0;
	  }

	  .fullwidth{
		width:100%;
		border:0;
		padding:0;
		margin:0;
	  }

	  .w25{
		width: 25%;
		float:left;
		overflow:auto;
		background-color: #EAF7FF;
	  }

	  .w75{
		width:75%;
		float:left;
		overflow:auto;
	  }

	  .tinymce{
		display:none;
	  }

	  a.toolbar{
		display:inline-block;
		width:22px;
		height:22px;
		line-height:22px;
		text-align:center;
		padding:0;
	  }
	  
	  a.toolbar-ext
	  {
		display:inline-block;
		padding-left:5px;
		padding-right:5px;
		height:22px;
		min-width:200px;
		line-height:25px;
		text-align:center;
		text-align:left;
		vertical-align:bottom;
		border:1px solid;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		border-radius: 3px;
		border-top-color: #3399cc;
		border-left-color: #3399cc;
		border-right-color: #99deff;
		border-bottom-color: #99deff;
		background-color:#f0f0f0;
		font-size:12px;
		background-image:url(../images/dropdown.png);
		background-position:95% center;
		background-repeat: no-repeat;
		}
		
		a.toolbar-ext:hover{
		border:1px solid transparent;
		}
		
		div.toolbarRow{padding:2px 0 2px 0; border-top:1px solid #999;}
	  
	  
	  span.toolbar-separator{
	  	height:22px;
	  	width:0px;
	  	display:inline-block;
	  	vertical-align:top;
	  	border-left:1px solid #999;
	  	border-right:1px solid #f0f0f0;
	  }
	  
	  a.toolbar img{
	  	margin:2px;
	  	vertical-align:top;
	  }

	  a.toolbar:hover,
	  a.toolbar-ext:hover{
		background-image: -moz-linear-gradient(#ffffff,#f0f0f0);
		background-image: -webkit-linear-gradient(#ffffff,#f0f0f0);
		background-image: -o-linear-gradient(#ffffff,#f0f0f0);
		background-image: linear-gradient(#ffffff,#f0f0f0);
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		border-radius: 3px;
		-moz-box-shadow: 0 0 3px #000;
		-webkit-box-shadow: 0 0 3px #000;
		box-shadow: 0 0 3px #000;
		cursor:pointer;
	  }
	  
	  .leftcol{
	  	background-image:url(../images/left_innershadow.png);
	  	background-position:  top right;
	  	background-repeat:  repeat-y;
	  }
	  
	  .textfield,
	  .selectfield,
	  .textarea
	  {
	  	border:1px solid #cccccc;
	  	padding:5px;
	  	font-size:12px;
	  	outline:none;
	  	-moz-border-radius:5px;
	  	-webkit-border-radius:5px;
	  	border-radius:5px;
	  	background-image: -moz-linear-gradient(#F0F0F0,#ffffff);
	  	background-image: -webkit-linear-gradient(#F0F0F0,#ffffff);
	  	background-image: -o-linear-gradient(#F0F0F0,#ffffff);
	  	background-image: -ms-linear-gradient(#F0F0F0,#ffffff);
	  	background-image: linear-gradient(#F0F0F0,#ffffff);
	  }

	  .textfield:hover,
	  .selectfield:hover,
	  .textarea:hover
	  {
	  	background-image: -moz-linear-gradient(#F9F9F9,#ffffff);
	  	background-image: -webkit-linear-gradient(#F9F9F9,#ffffff);
	  	background-image: -o-linear-gradient(#F9F9F9,#ffffff);
	  	background-image: -ms-linear-gradient(#F9F9F9,#ffffff);
	  	background-image: linear-gradient(#F9F9F9,#ffffff);
	  }

	  .textfield:focus,
	  .selectfield:focus,
	  .textarea:focus
	  {
	  	background-image: -moz-linear-gradient(#FFEECC,#ffffff);
	  	background-image: -webkit-linear-gradient(#FFEECC,#ffffff);
	  	background-image: -o-linear-gradient(#FFEECC,#ffffff);
	  	background-image: -ms-linear-gradient(#FFEECC,#ffffff);
	  	background-image: linear-gradient(#FFEECC,#ffffff);
	  	border:1px solid #0066cc;
	  }


	  label
	  {
	  	background-color:transparent;
	  	color:#333333;
	  	font-weight:normal;
	  	line-height:1.7em;
	  	font-size:12px;
	  }
	  
	  
	  h3.param_title{
	  	background-image: -moz-linear-gradient(#F0F0F0,#CCCCCC);
	  	background-image: -webkit-linear-gradient(#F0F0F0,#CCCCCC);
	  	background-image: -o-linear-gradient(#F0F0F0,#CCCCCC);
	  	background-image: -ms-linear-gradient(#F0F0F0,#CCCCCC);
	  	background-image: linear-gradient(#F0F0F0,#CCCCCC);
	  	font-size:16px;
	  	color:#0066CC;
	  	margin:0;
	  	padding:10px;
	  	font-weight:normal;
	  	border-bottom:1px solid #999;
	  	cursor:pointer;
}

table#permissions{
	width:100%;
	border-collapse:collapse;
	border-color:#ccc;
}

div.buttonarea
{
	margin:0px;
	border-top:1px solid #ccc;
	bottom:0;
	padding: 10px 0 10px 0;
	position:absolute;
	width:100%;
	text-align:right;
	background-color: rgba(255, 255, 255, 0.5);
}

.button,
button,
input[type="button"],
input[type="submit"],
input[type="reset"]{
	margin: 0 5px 0 5px;
	border:1px solid #999;
	padding:5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	background-color:#ccc;
	color:#666;
	font-weight:bold;
	text-shadow:#F0F0F0;
	background-image: -moz-linear-gradient(#f0f0f0,#cccccc);
	background-image: -webkit-linear-gradient(#f0f0f0,#cccccc);
	background-image: -o-linear-gradient(#f0f0f0,#cccccc);
	background-image: linear-gradient(#f0f0f0,#cccccc);
	cursor:pointer;
}

input[type="submit"],
button[type="submit"]
{
	border:1px solid #06c;
	background-image: -moz-linear-gradient(#9cf,#69f);
	background-image: -webkit-linear-gradient(#9cf,#69f);
	background-image: -o-linear-gradient(#9cf,#69f);
	background-image: linear-gradient(#9cf,#69f);
	color:#333;
}

input[type="submit"]:hover,
button[type="submit"]:hover
{
	border:1px solid #8bf;
	background-image: -moz-linear-gradient(#def,#adf);
	background-image: -webkit-linear-gradient(#def,#adf);
	background-image: -o-linear-gradient(#def,#adf);
	background-image: linear-gradient(#def,#adf);
}

.button:hover,
button:hover,
input[type="button"]:hover,
input[type="reset"]:hover{
	background-color:#EEEEEE;
	background-image: -moz-linear-gradient(#cccccc,#f0f0f0);
	background-image: -webkit-linear-gradient(#cccccc,#f0f0f0);
	background-image: -o-linear-gradient(#cccccc,#f0f0f0);
	background-image: linear-gradient(#cccccc,#f0f0f0);
}

.button:last-child{
	margin-right:10px;
}

.modalbg{
	position:fixed;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background-color:#000000;
	opacity:0.7;
	filter:alpha(opacity=70);
	-ms-filter:alpha(opacity=70);
	z-index: 99999998;
}

.popup
{
	max-width:500px;
	max-height:200px;
	border:1px solid #F0F0F0;
	background-color:#fff;
	position:absolute;
	left:5px;
	top:60px;
	padding:3px;
	z-index:9999999;
	-moz-border-radius:5px;	
	-webkit-border-radius:5px;	
	border-radius:5px;
	-moz-box-shadow: 1px 1px 3px #000;	
	-webkit-box-shadow: 1px 1px 3px #000;	
	box-shadow: 1px 1px 3px #000;
	overflow:auto;	
}

ul.tree{
	margin:0;
	padding:0;
	list-style:none;
}

ul.tree li,
ul.tree ul{
	list-style:none;
}

ul.tree ul{
	margin:0;
	padding-left:20px;
}

ul.tree li a{
	display:block;
	height:22px;
	line-height:22px;
	font-size:12px;
	padding: 0 5px 0 5px;
	cursor:pointer;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	border:1px solid transparent;
	text-decoration:none;
	color:#333;
}

ul.tree li a.selected
{
	border:1px solid #C8E6FF;
	background-image: -moz-linear-gradient(#FBF9FF, #EAF8FF);
	background-image: -webkit-linear-gradient(#FBF9FF, #EAF8FF);
	background-image: -o-linear-gradient(#FBF9FF, #EAF8FF);
	background-image: linear-gradient(#FBF9FF, #EAF8FF);
}

ul.tree li a:hover{
	background-image: -moz-linear-gradient(#C8E6FF, #A0D2FF);
	background-image: -webkit-linear-gradient(#C8E6FF, #A0D2FF);
	background-image: -o-linear-gradient(#C8E6FF, #A0D2FF);
	background-image: linear-gradient(#C8E6FF, #A0D2FF);
	border:1px solid #80B0DD;
}

ul.tree a img{
	margin-right:1em;
}

.pad5{
	padding:5px;
}

.scrollAny{overflow:auto; position:relative}
.scrollAny *{white-space: nowrap;}

/*
Top menu
*/

#topmenu>ul{margin:0; padding:0; height:100%; position:relative; float:left; list-style:none;}
#topmenu ul li{margin:0; padding:0; height:100%; position:relative; list-style:none;}
#topmenu ul>li>ul{display:none; position:absolute; background-color:#f0f0f0;left:0; top:25px; z-index:99999999}
#topmenu>ul>li{height:25px; float:left; display:block;}
#topmenu>ul>li>a{padding:0 10px 0 10px; line-height:25px; float:left; height:25px}
#topmenu>ul>li>a span.menu_icon{display:none}
#topmenu ul li a{border:1px solid transparent; margin:1px; border-radius:3px}
#topmenu ul li ul{width:200px; box-shadow:1px 1px 1px #000; margin:0; padding:0;}
#topmenu ul li li{width:200px;}
#topmenu ul li ul li{display:block; width:100%; float:left}
#topmenu ul li li a{padding:0 5px 0 5px; line-height:25px; height:25px; font-size:11px; display:block; outline:none; }
#topmenu ul li li a span.menu_icon{display:block; float:left; width:25px; height:25px; margin-right:5px; text-align:center; padding-right:5px; border-right:1px solid rgba(200,200,200,0.8)}
#topmenu ul li li a span.menu_icon img{vertical-align:middle}
#topmenu a{color:#333333; text-decoration:none}

#topmenu ul li.activeMenu, #topmenu ul li li:hover{background-image:url(../images/mnitembg.png); background-position: left center;}
#topmenu ul li.activeMenu>a, #topmenu ul li li:hover>a{color:#000; border:1px solid #99ccff}

.widget{padding:10px; border-bottom:2px solid #000;}
.widget h3{margin:0; padding:5px 0 5px 0; font-size:18px; font-weight:normal; border-bottom:1px solid #f0f0f0; color:#fff;}
.wdg_clock{text-align:center; color:#fff; font-size:48px;}
.wdg_cal{text-align:center; color:#fff; font-size:14px; text-align:right}

.block{display:block;}
.sysmsg{margin:10px; padding:5px; border:1px solid #ccc; background-color:#f0f0f0; color:#333; font-size:12px;}
.sysmsg-loading{background-color:transparent; border:1px solid transparent;}
.sysmsg-error{background-color:ffeeee; border:1px solid #c10; color:#900}